<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/platform.css">
    <link rel="stylesheet" href="css/public.css">
</head>

<body>

    <header class="header wrap ">
        <a class="header-logo">
            <img src="images/public-logo.jpg" alt="">
        </a>
        <div class="search">
            <input type="text" placeholder="搜索电视应用">
            <button></button>
            <a href="#">登录</a>
            <a href="#">注册</a>
        </div>
    </header>

    <nav class="navList">
        <ul class="wrap">
            <li class="nav-active">沙发网</li>
            <li>应用市场</li>
            <li>客户端下载</li>
            <li>安装教程</li>
            <li>产品库</li>
            <li>开发者平台</li>
        </ul>
    </nav>

    <!-- 这个页面的大盒子 -->
    <div class="box">
        <!-- 这个页面中心居中的盒子 -->
        <div class="container">
            <section class="wrap section">
                <div>沙发网开发者中心</div>
                <div><span>Android</span> 智能电视应用市场分发渠道</div>
                <div>注册成为开发者</div>
                <div><a href="#">已经是开发者？点此登录</a></div>
            </section>

            <!-- 胡思思的文字图片区-->
            <!-- 文字盒子 -->
            <div class="textBox">
                <div class="list">
                    <p>It's Free!</p>
                    <p>你可以在沙发管家智能电视应用市场发布你的应用，每天可能获得十万次的应用下载量，带来更多的收益，而这一切都是免费的！</p>
                </div>
                <div class="list">
                    <p>完美的分类系统</p>
                    <p>沙发管家特别针对 Android 机顶盒/电视的特性设计了一整套完善分类系统，帮助用户准确快速的定位到你的应用。</p>
                </div>
                <div class="list">
                    <p>高速的下载通道</p>
                    <p>上架到沙发管家的应用都会使用高速稳定的下载带宽，以确保你的应用快速稳定地下载到用户终端，减少用户的等待时间。</p>
                </div>
                <div class="list">
                    <p>严格的质量检测</p>
                    <p>我们在应用上架前都会进行详尽可用性测试，包括但不限于主流机顶盒/电视的兼容性检测，遥控器适配，屏幕适配等等。</p>
                </div>
            </div>
            <!-- 图片盒子 -->
            <div class="imgBox">
                <p>硬件合作方:</p>
                <div class="imgs">
                    <div>
                        <img src="images/01.png" alt=""><img src="images/02.png" alt=""><img src="images/03.png" alt=""><img src="images/04.png" alt=""><img src="images/05.png" alt=""><img src="images/06.png" alt=""><img src="images/07.png" alt="">
                        <img src="images/08.png" alt=""></div>
                    <div><img src="images/09.png" alt=""><img src="images/10.png" alt=""><img src="images/11.png" alt=""><img src="images/12.png" alt=""><img src="images/13.png" alt=""><img src="images/14.png" alt="">
                        <img src="images/15.png" alt=""><img src="images/16.png" alt=""></div>
                    <div><img src="images/17.png" alt=""><img src="images/18.png" alt=""><img src="images/19.png" alt=""><img src="images/20.png" alt=""><img src="images/21.png" alt=""><img src="images/22.png" alt=""><img src="images/23.png" alt=""><img src="images/24.png"
                            alt=""></div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>